

Vue.createApp({
    // 定义组件
    components:{
    },
    // 初始化
    setup(){
        // reactive定义变量运行存储
        // toRefs将数据返回
        const {
            reactive, toRefs
        } = Vue
        // 定义变量，即所需数据
        const state = reactive({
            menu:[
                "/recommend",
                "/myClassify",
                "/myFollow",
                "/myMessage"
            ],
            html: {}
        })

        let that = state
        // 初始化为推荐页
        get("/recommend", null, function(data){
            replaceHtml("#container", data.responseText)
        })
        // 搜索
        $(function() {
            let searchBtn = $("#head #searchInput")
            $(searchBtn).keydown(function(e){
                if(e.which == 13){
                    if ("" == searchBtn.val().trim()) {
                        swalError("搜索失败", "搜索内容不能为空")
                        return
                    }
                    get("/search", null, function(data) {
                        // 添加一条搜索记录
                        get("/searchHistory/create/" + searchBtn.val().trim())
                        replaceHtml("#container", data.responseText)
                    })
                }
            })
        })
        switchClass("#head .secondary >li", "#container", that.menu)
    
        // 返回数据
        return {
            ...toRefs(state)
        }
    },
    methods:{
    }
    // 绑定app
}).mount("#home")